{% extends 'base.html' %}
{% block content %}
    <style>
        .table-detail {
            position: fixed;
            max-width: 50%; /* 设置容器的最大宽度 */
            left: 25%;
            width: 50%;
            margin: 5% auto;
            padding: 15px; /* 添加一些内边距 */
            background-color: #f8f9fa; /* 设置背景颜色 */
            border: 1px solid rgba(221, 221, 221, 0.67); /* 添加边框 */
            border-radius: 5px; /* 添加圆角 */
        }</style>
    <div class="table-detail">
        <div class="card">
            <div class="card-header">
                {{ devices_info.device_name }}
            </div>
            <div class="card-body">
                <p class="card-text"> 设备名称:{{ devices_info.device_name }}</p>
                <p class="card-text"> 设备编号:{{ devices_info.device_id }}</p>
                <p class="card-text"> 设备地址：{{ devices_info.device_addr }}</p>
                <p class="card-text"> 设备型号：{{ devices_info.device_model }}</p>
                <a href="{% url 'device:device_list' %}" class="btn btn-primary">返回首页</a>
            </div>
        </div>
    </div>
{% endblock %}